<div class="login-background">
  <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
    <nz-form-item>
      <nz-form-control nzErrorTip="Please input your username!">
        <nz-input-group nzPrefixIcon="user">
          <input type="text" nz-input formControlName="name" placeholder="Username" />
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-control nzErrorTip="Please input your Password!">
        <nz-input-group nzPrefixIcon="lock">
          <input type="password" nz-input formControlName="pwd" placeholder="Password" />
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-control nzErrorTip="Please output verification Code!">
        <nz-input-group nzPrefixIcon="safety">
          <div>
            <div>
              <input type="text" nz-input formControlName="code" placeholder="Code" class="input-ant" />
            </div>
            <div class="login-code">
              <div [innerHTML]="svgCode" (click)="rfCode()"></div>
            </div>
          </div>
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-control>
        <button nz-button class="login-form-button" [nzType]="'primary'" [disabled]="validateForm.invalid"
          [nzLoading]="loading">Log in</button>
      </nz-form-control>
    </nz-form-item>
  </form>
</div>
